<template>
<div>
    <public-head :title="myexamtitle" :hasSearch="hasSearch"></public-head>
	<div class="exam_content">
		<div class="content">
			<h3>1.单选题<span>*</span></h3>
			<van-radio-group v-model="radio" direction="horizontal">
				<van-radio name="1">A、刘亦菲</van-radio>
				<van-radio name="2">B、王一博</van-radio>
				<van-radio name="3">C、易烊千玺</van-radio>
			</van-radio-group>
		</div>
		<div class="content">
			<h3>2.选择你的兴趣爱好<span>*</span><span class="duo">(多选题)</span></h3>
			<van-checkbox-group v-model="result" direction="horizontal">
				<van-checkbox name="a">A、美术</van-checkbox>
				<van-checkbox name="b">B、唱歌</van-checkbox>
				<van-checkbox name="c">C、跳舞</van-checkbox>
			</van-checkbox-group>
		</div>
		<div class="content">
            <h3>3.填空题<span>*</span><span class="duo">(一个空格填写一个字)</span></h3>
			<div class="text">中国历史上第二个封建王朝的国号是汉，它的创立者是 <span>____</span>___ <span></span>。</div>
		</div>
		<div class="content">
			<h3>4.简答题<span>*</span></h3>
			<van-field
				v-model="message"
				rows="2"
				autosize
				type="textarea"
				maxlength="50"
				placeholder="请输入"
				show-word-limit
				/>
		</div>
	</div>
	<div class="footer">
        <van-button size="large">重新考试</van-button>
    </div>
</div>
</template>

<script>
import PublicHead  from '../../../../components/PublicHead';
export default{
    name:"myexam",
    components:{
        PublicHead
    },
    data() {
        return {
			myexamtitle:"在线考试",
			hasSearch:true,
			radio: '1',
			result: [],
			message:""
        }
    },
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.exam_content{
	margin 0  15px
    .content{
		margin  auto
		margin-top 10px
		background-color #FFFFFF
		border-radius 10px
		padding 15px 16px 16px 10px
		box-sizing border-box
		h3{
			font-weight bold
			line-height 30px
			font-size 15.5px
			span{
				color #FD3F3F
			}
			.duo{
				color #999999
			}
		}
		.text{
			line-height 30px
		}
		.van-radio__label{
			line-height 0.9rem
		}
		.van-radio--horizontal{
			width 50%
			margin inherit
			margin 10px 0
			font-size 14.5px
		}
		.van-checkbox--horizontal{
			width 50%
			margin 10px 0
		}
		.van-field{
            border: 1px solid #ddd;
		}
	}
}
.footer{
		width 100%
		height 60px
		background-color #fff
		position absolute
		bottom 0
		.van-button__content{
			background-color #198AFF
			color #fff
			width 94%
			margin-left 3%
			margin-top 6px
		}
}
</style>